<template>
    <div>
        <ul class="news_ul">
            <li>
                <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                <span class="r">2018-12-25</span>
            </li>
            <li>
                <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                <span class="r">2018-12-25</span>
            </li>
            <li>
                <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                <span class="r">2018-12-25</span>
            </li>
            <li>
                <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                <span class="r">2018-12-25</span>
            </li>
            <li>
                <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                <span class="r">2018-12-25</span>
            </li>
            <li>
                <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                <span class="r">2018-12-25</span>
            </li>
            <li>
                <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                <span class="r">2018-12-25</span>
            </li>
        </ul>
        <el-pagination
            background
            layout="prev, pager, next"
            :total="100"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
        >
        </el-pagination>
    </div>
</template>

<script>
export default {
    methods:{
        handleSizeChange(val) {
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            console.log(`当前页: ${val}`);
        }
    }
}
</script>

<style scoped>

</style>